﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UpdateUser.aspx.cs" Inherits="Sbook.UpdateUser" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuRight.ascx" TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/MenuTop.ascx" TagName="MenuTop" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx" TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Cập nhật thông tin cá nhân</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
    <link href="Styles/tcal.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/tcal.js" type="text/javascript"></script>
   <%-- <script src="Scripts/ChangePass.js" type="text/javascript"></script>--%>
    <!-- script menutop -->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".menu_top li").hover(function () {
                $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
            }, function () {
                $(this).find('ul:first').css({ visibility: "hidden" })
            });
        });
    </script>
    <link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
    <link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
    <script src="Scripts/f2.js" type="text/javascript"></script>
    <style>
        .subheaders-group
        {
            width: 90%;
            height: auto;
            margin-left: 5px;
        }
        .subheaders-group .form-field
        {
            float: left;
            margin-left: 30px;
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="web">
        <UC:Header runat="server" ID="Header1" />
        <div class="chitietsp">
            <div class="chitietsp_top">
                <a href="#">Cập nhật thông tin</a>
            </div>
            <div class="sanpham">
           
                <div style=" width: 100%; height:auto; float:left; margin-bottom:20px;">
                   
                   
                    <!-- Cập nhật thông tin -->
                    <form action="/Page/XuLyDangKy.aspx" method="post" id="frm1">
                    <!-- Cập nhật thông tin -->
                    <div>
                        <script type="text/javascript">
//<![CDATA[
                            var default_country = 'VN';
                            var zip_validators = {
                                US: {
                                    regex: /^(\d{5})(-\d{4})?$/,
                                    format: '01342 (01342-5678)'
                                },
                                CA: {
                                    regex: /^(\w{3} ?\w{3})$/,
                                    format: 'K1A OB1 (K1AOB1)'
                                }
                            }
                            var states = new Array();

//]]>
                        </script>
                        <div id="content_general">
                            <h1>Cập nhật thông tin</h1>
                            <p class="mandatory-fields">
                                Thông tin có <span style="color:Red">(*)</span> là bắt buộc nhập, cần phải nhập.</p>
                            <input id="selected_section" type="hidden" value="general" name="selected_section">
                            <input id="default_card_id" type="hidden" value="" name="default_cc">
                            <input type="hidden" name="profile_id" value="911371">
                             <div class="subheaders-group">
                                <br>
                                <h2 class="subheader">
                                    Thông tin tài khoản
                                </h2>
                                <div class="form-field">
                                    <label for="email">
                                        Tài khoản <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="user" disabled="disabled" size="32" maxlength="128" name="user" value="<%=listU[0].Username %>" style="margin-left: 78px;">
                                    
                                </div>
                                <div class="form-field">
                                    <label for="user">
                                        Họ tên <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="Text2" size="32" maxlength="128" name="fullname" value="<%=listU[0].Fullname %>" style="margin-left: 99px;">
                                    
                                </div>
                                <div class="form-field">
                                    <label for="email">
                                        Email <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="email" name="email" size="32" maxlength="128" value="<%=listU[0].Email %>"
                                        style="margin-left: 104px;">
                                </div>
                                <div class="form-field">
                                    <label for="password1">
                                        Mật khẩu <span style="color:Red">(*)</span>:</label>
                                    <input type="password" disabled="disabled" id="password1" name="pass" size="32" maxlength="32"
                                        value="<%=listU[0].Pass %>" style="margin-left: 81px;" autocomplete="off">
                                </div>
                                <%--<div class="form-field">
                                    <label for="password2">
                                        Nhập lại mật khẩu <span style="color:Red">(*)</span>:</label>
                                    <input type="password" id="password2" name="repass" size="32" maxlength="32"
                                        value="" style="margin-left: 32px;" autocomplete="off">
                                </div>--%>
                                <div class="form-field">
                                    <label for="birthday">
                                        Trường đại học:</label>
                                    <input type="text" name="university" value="<%=listU[0].University %>" style="margin-left: 67px; width:208px" />
                                      
                                </div>
                                <div class="form-field">
                                    <label for="elm_42">
                                        Giới tính:</label>
                                    <select id="elm_42" style="margin-left: 107px;" name="sex">
                                       
                                        <option selected="selected" value="1">Nam</option>
                                        <option value="2">Nữ</option>
                                    </select>
                                </div>
                                <br>
                                <!-- Thông tin giao hàng -->
                                <h2 class="subheader">
                                    Thông tin giao hàng
                                </h2>
                                <div class="form-field">
                                    <label for="elm_15" class="cm-profile-field cm-required ">
                                        Họ tên <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="elm_15" name="fullnameto" size="32" value="<%=listU[0].FullNameTo %>" style="margin-left: 99px;"
                                        onblur="clear_space('elm_15');">
                                </div>
                                <div class="form-field">
                                    <label for="elm_19">
                                        Email :</label>
                                    <input type="text" id="elm_19" size="32" value="<%=listU[0].MailTo %>" name="emailto" style="margin-left: 123px;" onblur="clear_space('elm_19');">
                                </div>
                                <div class="form-field">
                                    <label for="elm_21">
                                        Địa chỉ <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="elm_21" name="addressto" size="32" value="<%=listU[0].AddressTo %>" style="margin-left: 96px;"
                                        onblur="clear_space('elm_21');">
                                </div>
                                <div class="form-field">
                                    <label for="elm_31">
                                        Điện thoại <span style="color:Red">(*)</span>:</label>
                                    <input type="text" id="elm_31" name="phoneto" size="32" value="<%=listU[0].PhoneTo %>" style="margin-left: 75px;"
                                        onblur="clear_space('elm_31');">
                                </div>
                                <div class="form-field">
                                <span>Nhập mã xác nhận <span style="color:Red">(*)</span>:</span>
                                <img src="Captcha.aspx" id="Img1" alt="Mã xác nhận" name="maxacnhan" style=" margin-left:23px;" />
                                <a href="Register.aspx" id="A1">Refresh</a> <br />
                                <input name="maxacnhan" type="text" id="Text1" style="width: 115px; height: 30px; margin-left:173px;" />
                                </div>
                                <div class="form-field">
                                <input type="checkbox" name="chkOK" value="0" style="float:left;" />
                                <strong  style="float:left;">Đồng ý điều khoản của website</strong>
                                <a href="#" style="float:left; margin-left:20px; color:Blue; text-decoration:none;">(Xem điều khoản của websie)</a>
                                </div>
                                <script type="text/javascript">
                                    $(document).ready(function () {
                                        $("#elm_25").change(function () {
                                            $(".register_mail").attr("disabled", "disabled");
                                            if ($(this).val() == 437) {
                                                $("#register_mail_2").removeAttr("disabled");
                                            } else if ($(this).val() == 440) {
                                                $("#register_mail_3").removeAttr("disabled");
                                            }
                                        });
                                    });
                                </script>
                                <div style="float: left; margin-left: 200px; margin-top: 20px;">
                                        <input id="save_profile_but" type="button" name="dispatch[profiles.update.]" value="Cập nhật"
                                            style="width: 75px;">
                                        <input id="Submit1" type="reset" name="dispatch[profiles.update.]" value="Hủy bỏ"
                                            style="width: 75px;">
                                </div>
                            </div>
                            <script type="text/ecmascript">
                                $(document).ready(function () {
                                    $("div.subheaders-group input[type=button]").click(function () {
                                        $("div.subheaders-group span.sp1").remove();
                                        var i = 0;
                                        var j = false;
                                        var pass = $("div.subheaders-group input[type=password]");

                                        pass.each(function (index) {
                                            var v = $(this).val();
                                            if (v == "") {
                                                var text = $(this).parent().find("label").html();
                                                $(this).parent().append("<span class='sp1' style='color:red'>" + text + " không được trống</span>");

                                                $("span.sp1").find("span").remove();

                                                j = true;
                                            }
                                            else {
                                                j = false;
                                            }
                                        });

                                        $("div.subheaders-group input[type=text]").each(function (index) {

                                            var lr = $(this).parent().find("span");
                                            if (lr.length <= 0)
                                                return;
                                            var value = $(this).val();
                                            if (value == "") {
                                                var text = $(this).parent().find("label").html();
                                                $(this).parent().append("<span class='sp1' style='color:red'>" + text + " không được trống</span>");

                                                $("span.sp1").find("span").remove();
                                                i++;
                                            }
                                        });
                                        if (i > 0) {

                                            return;
                                        }

                                        else {
                                            if ($('div.subheaders-group input[type=checkbox]').is(':checked') && j == false) {
                                                $('div.subheaders-group input[type=checkbox]').val(1);
                                                $('#frm1').submit();
                                            }
                                            else {
                                                $('div.subheaders-group input[type=checkbox]').val(0);
                                                alert("Bạn chưa đồng ý với điều khoản của website");
                                                return;
                                            }
                                        }
                                    });
                                });
                            </script>
                        </div>
                    </div>
                    </form>
                   
                </div>
                <h1>Lịch sử mua hàng</h1>
                <form id="form1" runat="server" style="width:100%; height:auto; float:left;">
                <div id="divshopping">
                    <asp:Panel runat="server" ID="pnViewShop">
                        <asp:DataGrid runat="server" ID="grdShop" Width="100%" AutoGenerateColumns="false">
                            <Columns>
                                <asp:TemplateColumn ItemStyle-Width="100px">
                                    <HeaderTemplate>
                                        Mã đơn hàng</HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lbtView" OnClick="lbtView_Click" CommandName='<%#Eval("ShopStatus") %>'
                                            CommandArgument='<%#Eval("ShopId") %>' Text='<%#Eval("ShopCode") %>'></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                                <asp:BoundColumn DataField="ShopStatus" HeaderText="Trạng thái" ItemStyle-Width="100px">
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="ShopId" HeaderText="UID" Visible="false"></asp:BoundColumn>
                                <asp:BoundColumn DataField="ShopDate" HeaderText="Ngày mua" ItemStyle-Width="150px">
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="ShopName" HeaderText="Người nhận" ItemStyle-Width="200px">
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="ShopAddress" HeaderText="Địa chỉ nhận" ItemStyle-Width="200px">
                                </asp:BoundColumn>
                            </Columns>
                        </asp:DataGrid>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnDelivery" Visible="false">
                        <asp:Label runat="server" ID="lblShopCode">Đơn hàng :</asp:Label><br />
                        <asp:Label runat="server" ID="lblShopDate">Ngày :</asp:Label><br />
                        <asp:Label runat="server" ID="lblStatus">Trạng thái :</asp:Label>
                        <br />
                    </asp:Panel>
                    <br />
                    <asp:Panel runat="server" ID="pnDetail" Visible="false">
                        <asp:DataGrid runat="server" ID="grdShopDetail" AutoGenerateColumns="false" Width="100%">
                            <HeaderStyle BackColor="BlueViolet" />
                            <Columns>
                                <asp:BoundColumn DataField="DeliveryId" HeaderText="DeID" Visible="false"></asp:BoundColumn>
                                <asp:BoundColumn DataField="ProductId" HeaderText="Tên sản phẩm"></asp:BoundColumn>
                                <asp:BoundColumn DataField="Price" HeaderText="Giá bán"></asp:BoundColumn>
                                <asp:TemplateColumn>
                                    <HeaderTemplate>
                                        Số lượng</HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:TextBox runat="server" ID="txtQuantity" Width="30px" Text='<%#Eval("Qty")%>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                                <asp:BoundColumn DataField="Location" HeaderText="Địa chỉ" Visible="false"></asp:BoundColumn>
                                <asp:TemplateColumn>
                                    <HeaderTemplate>
                                        Chức năng</HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lbtEdit" Text="Sửa" OnClick="lbtEdit_Click" CommandName="Edit"
                                            CommandArgument='<%#String.Format("{0}:{1}",Eval("DeliveryId"),Eval("ProductId")) %>'></asp:LinkButton>
                                        <asp:LinkButton runat="server" ID="lbldelete" Text="Xóa" OnClick="lbtDelete_Click"
                                            OnClientClick="javascript:return confirm('Bạn chắc muốn xóa ?');" CommandName="Delete"
                                            CommandArgument='<%#String.Format("{0}:{1}",Eval("DeliveryId"),Eval("ProductId")) %>'></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                            </Columns>
                        </asp:DataGrid>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnTomtat" Visible="false">
                        <h3>
                            Tóm tắt</h3>
                        <br />
                        <strong style="color: Blue">Hình thức thanh toán :</strong><label>Thanh toán tiền mặt</label><br />
                        <strong style="color: Blue">Hình thức giao hàng :</strong><label>Giao hàng tận nơi (miễn
                            phí)</label><br />
                        <strong style="color: Blue">Tổng cộng :</strong><asp:Label runat="server" ID="lblTongcong"></asp:Label>
                        <br />
                        <h3>
                            Thông tin khách hàng</h3>
                        <h4>
                            Thông tin liên lạc</h4>
                        <strong style="color: Blue">Email :</strong><asp:Label runat="server" ID="lblEmail"></asp:Label>
                        <br />
                        <h4>
                            Địa chỉ giao hàng</h4>
                        <strong style="color: Blue">Họ tên :</strong><asp:Label runat="server" ID="lblFullNameTo"></asp:Label><br />
                        <strong style="color: Blue">Địa chỉ :</strong><asp:Label runat="server" ID="lblAddressTo"></asp:Label><br />
                        <strong style="color: Blue">Điện thoại :</strong><asp:Label runat="server" ID="lblPhoneTo"></asp:Label><br />
                        <strong style="color: Blue">Email :</strong><asp:Label runat="server" ID="lblMailTo"></asp:Label><br />
                    </asp:Panel>
                </div>
                </form>
            </div>
        </div>
        <div class="right">
            <!-- danh mục phải -->
            <div class="menu_right">
                <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
                <script type="text/javascript">
                    $(document).ready(function () {

                        $("div.right div.menu_right ul:not(first)").hide();
                        $('ul#f1').show();
                        $('h2.menu_head').click(function () {

                            $('.active').removeClass('active');
                            $(this).addClass('active');
                            $('ul').slideUp('slow');
                            $(this).next('ul').slideDown('slow');
                            var content_show = $(this).attr('title');
                            $('#' + content_show).slideDown('slow');
                        });
                    });
                </script>
            </div>
            <!-- close danh mục phải -->
        </div>
    </div>

    <style>
    #divChangePass{ width:500px; height:235px; position:absolute; display:none; background-color:White; border:1px solid #CCFFFF; left:385px; top:160px; z-index:1000}
    #divChangePass ul { float:left; width:100%; list-style:none;}
    #divChangePass ul li{ float:left; width:100%; margin-top:10px;}
    #divChangePass ul li span{ color:Red; display:none}
    #divChangePass ul li label{ float:left; width:200px; text-align:right; padding-right:5px;}
    #divChangePass ul li input[type=password]{ float:left;}
    #divChangePass h1{ color:Red; font-size:25px}
    #divChangePass a{ float:right; margin:0px 0px; padding:0px 0px }
</style>
    <div id="divChangePass">
    <a href="#" id="closeChangePass">X</a>
    <form id="frm2">
        <h1>Đổi mật khẩu</h1>
        <ul>
            <li><label>Mật khẩu cũ:</label> <input type="password" id="txtOldPass" /><span id="spOldPass">Không được để trống.</span></li>
            <li><label>Mật khẩu mới:</label> <input type="password" id="txtNewPass" /><span id="spNewPass">Không được để trống.</span></li>
            <li><label>Xác nhận mật khẩu mới:</label> <input type="password" id="txtRePass" /><span id="spRePass">Không được để trống.</span></li>
            <li><input type="button" value="Đổi mật khẩu" id="btnChangePass" /></li>
        </ul>
    </form>

     <script type="text/javascript">
         $(document).ready(function () {
             var isLogin = $('#login').html();
             if (isLogin == "Đăng nhập") {
                 $('#logout').hide();
                 $('#Close').click(function () {
                     $('#divlogin').toggle(1000);
                 });
                 $('#login').click(function () {
                     $('#divlogin').toggle(1000);
                     $('#divDoiMK').css("display", "none");
                 });
             }
             else {
                 $('#logout').show();
                 //                        $('#login').attr("href", "http://hn.24h.com.vn");
                 $('#login').click(function () {

                     $('#divDoiMK').toggle(1000);
                 });
                 $('#CloseDMK').click(function () {
                     $('#divDoiMK').toggle(1000);
                 });
             }


             $('#dangnhap').click(function () {

                 var user = $('#user').val();
                 var pass = $('#pass').val();

                 window.location.href = "Demo.aspx?user=" + user + "&pass=" + pass;

             });
             //             Click đổi mật khẩu

             $('a#aDoiMK').click(function () {

                 $('div.web').css("opacity", "0.25");
                 $('div#divChangePass').css("display", "block");

                 $('#divDoiMK').toggle(1000);

             });
             $('a#closeChangePass').click(function () {
                 $('div.web').css("opacity", "1");
                 $('div#divChangePass').css("display", "none");

                 //                  $('#divDoiMK').toggle(1000);
             });

             $('div#divChangePass input[type=button]#btnChangePass').click(function () {

                 var OldPass = $('#txtOldPass').val();
                 var NewPass = $('#txtNewPass').val();
                 var RePass = $('#txtRePass').val();
                 var chkRePass = true;
                 if (OldPass == "") {
                     $('span#spOldPass').css("display", "block");
                 }
                 if (NewPass == "") {
                     $('span#spNewPass').css("display", "block");
                 }
                 if (RePass == "") {
                     $('span#spRePass').css("display", "block");
                 }


                 var chkOldPass;
                 if (OldPass != "" && NewPass != "" && RePass != "") {
                     $('div#divChangePass span').css("display", "none");

                     if (RePass != NewPass) {
                         $('span#spRePass').html("Xác nhận lại mật khẩu mới");
                         $('span#spRePass').css("display", "block");
                         chkRePass = false;
                     }
                     //check Exist OldPass
                     if (chkRePass == true) {
                         $.ajax({
                             type: "POST",
                             url: "/Page/DoiMatKhau.aspx",
                             data: { OldPass: OldPass, NewPass: NewPass },
                             success: function (data) {
                                 if (data == "0") {
                                     alert("Mật khẩu không đúng");
                                     chkOldPass = false;

                                 }
                                 else {

                                     chkOldPass = true;
                                     alert("Đổi mât khẩu thành công");
                                     window.location.href = "index.aspx";
                                 }

                             }
                         });

                     }
                     else {
                         return;
                     }

                 }
             });

         });
            </script>
</div>
</body>
</html>
